<template>
  <div class="btns">
    <el-button
      v-for="(item, index) in typeList"
      :key="index"
      icon="el-icon-plus"
      size="small"
      @click="handAdd(item)"
      >{{ item.name }}</el-button
    >
  </div>
</template>

<script>
import { typeList } from "@/utils/local";
export default {
  data() {
    return {
      typeList: typeList,
    };
  },
  methods: {
    handAdd(row) {
      this.$emit("handAdd", row);
    },
  },
};
</script>

<style lang='scss' scoped>
.btns {
  display: flex;
  padding: 0 10px 10px 10px;
}
</style>